<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'left_controller.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<!--引入jQuery  -->
	<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
	<!--开始写样式  -->
	<script type="text/javascript">
		$(function() {
			/*去掉li标签默认样式  */
			$("li").css("list-style-type","none");
			/* 隐藏所有二级标签 */
			$("dd").hide();
			/* 点击一级标签显示子标签 并且隐藏其他子标签*/
			$("dt:not(:first)").click(function(){
				 $(this).next().toggle(); 
				$("dt").not(this).next().hide();
				
			});
			/* 去除超链接下划线 */
			$("a").css("text-decoration","none");
			/* 去除dt dd层级显示 及给dd调整背景色*/
			$("dd").css({"margin":"-10 0 -10 -40","background-color":"white"});
			/*一级标签鼠标悬停换色  */
			$("dt:not(:first)").each(function(){
				$(this).hover(function(){
						$(this).css("background-color","white");
						},
					function(){
						$(this).css("background-color","rgb(242,242,242)");
					}
			
				);
			});
			/*二级标签鼠标悬停效果  */
			$("dd a").each(function(){
				$(this).hover(
					function(){
						$(this).css("color","blue");
					},
					function(){
						$(this).css("color","black");
					}
				);
				
			
			});
			
			/*  增加虚线效果*/
			$("dd ul li a").each(function(){	
				$(this).before("<img src='imges/join.gif'/>&nbsp;&nbsp;");
				
			});
			/* 一级标签增加右侧下拉小图标 */
			$("dt>a:not(:first)").each(function(){
				$(this).after("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src='imges/controller_down.png'>");		
			});
			
			
			/*  控制台窄屏效果*/
			$("#move_left").click(function(){
				$("dt a").toggle();
				$("dt a").next().toggle();
				//$("#home_controller",parent.document).css("width","3%");
				$("li").hide();
				/* 控制台变窄以后，小电脑图标设置hover */
				
				
				
			});	
			
			 	$("#move_left").toggle(
					function(){
						$("#home_controller",parent.document).css("width","3%");
						/* 控制台变为窄屏时候，设置hover事件,暂且搁置 */
						$("dt>img:not(:first)").each(function(){
							$(this).hover(
								function(){
									
								},
								function(){
									
								}
							
							);
						});
					},
					function(){
					$("#home_controller",parent.document).css("width","15%");
						window.location.reload(true);
					}
				
				);
			/*  控制台顶部距离*/
			$("dt:first").css("margin-top","10");		
			
	
		});
		
		
	</script>
	<style type="text/css">
		dt{
		font-size:medium;
		font-family:inherit;
		line-height: 30px;
		
		}
		
		
		dd{
			font-family: serif;
			font-size: smaller;
			line-height: 30px;
		}
		a{
			color: black;
		}
		
	</style>
	
  </head>
  
  <body>
    <!-- 设置七个模块 -->	
    <dl>
    	<img src="imges/controller_head.png">
    	<dt style="background-color: white;"><img alt="嘻嘻，不见了" src="imges/controller_nav.png">&nbsp;<a href="http://www.baidu.com" target="home_view">控制台</a></dt>
    	<dd></dd>
    	<dt><img alt="嘻嘻，不见了" src="imges/computer.png">&nbsp;<a href="http://www.baidu.com" target="home_view">系统管理</a></dt>
    	<dd>
    	
    		<ul>
    			<li><a href="http://www.baidu.com" target="home_view">员工管理</a></li>
    			<li><a href="http://www.baidu.com" target="home_view">角色管理</a></li>
    			<li><a href="http://www.baidu.com" target="home_view">角色变更</a></li>
    			<li><a href="http://www.baidu.com" target="home_view">权限管理</a></li>
    			<li><a href="http://www.baidu.com" target="home_view">权限变更</a></li>
    			<li><a href="http://www.baidu.com" target="home_view">数据字典</a></li>
    		</ul>
    	
    	</dd>
    	
    	<dt><img alt="嘻嘻，不见了" src="imges/computer.png">&nbsp;<a href="http://www.baidu.com" target="home_view">营销管理</a></dt>
    	<dd>
    		<ul>
    			<li><a href="http://www.baidu.com" target="home_view">模板管理</a></li>
    			<li><a href="http://www.baidu.com" target="home_view">短信管理</a></li>
    			<li><a href="http://www.baidu.com" target="home_view">邮件变更</a></li>
    			<li><a href="http://www.baidu.com" target="home_view">营销活动</a></li>   
    		</ul>
    	
    	</dd>
    
    	<dt><img alt="嘻嘻，不见了" src="imges/computer.png">&nbsp;<a href="http://www.baidu.com" target="home_view">招生管理</a></dt>
    	<dd>
    		<ul>
    			<li><a href="http://www.baidu.com" target="home_view">学员池</a></li>
    			<li><a href="http://www.baidu.com" target="home_view">招生线索</a></li>
    			<li><a href="http://www.baidu.com" target="home_view">跟踪记录</a></li>
    			<li><a href="http://www.baidu.com" target="home_view">试听记录</a></li>   
    		</ul>
    	
    	</dd>
    	
    	<dt><img alt="嘻嘻，不见了" src="imges/computer.png">&nbsp;<a href="http://www.baidu.com" target="home_view">班级管理</a></dt>
    	<dd>
    		<ul>
    			<li><a href="http://www.baidu.com" target="home_view">学科信息</a></li>
    			<li><a href="http://www.baidu.com" target="home_view">教室信息</a></li>
    			<li><a href="http://www.baidu.com" target="home_view">课程表</a></li>
    			<li><a href="http://www.baidu.com" target="home_view">教师管理</a></li>
    			<li><a href="http://www.baidu.com" target="home_view">班级管理</a></li>

    		</ul>
    	
    	</dd>
    	
    	<dt><img alt="嘻嘻，不见了" src="imges/computer.png">&nbsp;<a href="http://www.baidu.com" target="home_view">学员管理</a></dt>
    	<dd>
    		<ul>
    			<li><a href="http://www.baidu.com" target="home_view">学员信息</a></li>
    			<li><a href="http://www.baidu.com" target="home_view">学员评价</a></li>
    			<li><a href="http://www.baidu.com" target="home_view">沟通记录</a></li>
    			<li><a href="http://www.baidu.com" target="home_view">学员成绩</a></li>


    		</ul>
    	
    	</dd>
    	
    	
    	<dt><img alt="嘻嘻，不见了" src="imges/computer.png">&nbsp;<a href="http://www.baidu.com" target="home_view">教务管理</a></dt>
    	<dd>
    		<ul>
    			<li><a href="http://www.baidu.com" target="home_view">班级事务</a></li>
    			<li><a href="http://www.baidu.com" target="home_view">学员考勤</a></li>
    		
    		</ul>
    	
    	</dd>
    	
    	<dt><img alt="嘻嘻，不见了" src="imges/computer.png">&nbsp;<a href="http://www.baidu.com" target="home_view">财务管理</a></dt>
    	<dd>
    		<ul>
    			<li><a href="stu_pay.jsp" target="home_view">学员缴费</a></li>
    			<li><a href="http://www.baidu.com" target="home_view">员工薪水</a></li>
    		
    		</ul>
    	
    	</dd>
    	
    	
    	
    </dl>
    <!--  控制台左缩进-->
 	<img src="imges/move_left.png" id="move_left">
 	<!--没有合适右展开图表，暂且搁置。 -->
 	<!-- <img  src="imges/move_right.png" id="move_right"> -->
  </body>
</html>
